<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>开启课程</title>
<link href="body.css" rel="stylesheet" type="text/css" />
<style type="text/css">

th{
     border: 1px solid #666666;
	}

td {
	text-align: center;
	border: 1px solid #666666;
	padding: 3px;
}

#class_list {
	margin-left: 50px;
	border-collapse: collapse;
	
}
.inquery_div {
	width:900px;
	margin-left: 50px;
}
.inquery_div * {
	margin-right:10px;
}
hr {
	background:#000;
	margin-left: 50px;
	width:90%;
	height:1px;
	border:1px  thin;
}


td input {
	height: 22px;
	width: 50px;
	cursor: pointer;
}

.title {
	background-color: #80BFFF;
	font-weight: bolder;
}
.page_select {
	margin-left: 50px;
	text-decoration: none;
	margin-top: 5px;
}
.class_id {
	background-color: #9CC;
}
.mover {
	background-color: #690;
}
.out {
	background: none;
}

.input_s {

	width:150px;
   	height:18px;
	border:1px solid;
	border-color:#ececec #d8d8d8 #d8d8d8 #eeeeee;
	vertical-align:middle;
	padding-left: 5px;
	padding-top: 3px;
	letter-spacing:0.2pt;
	font-size:14px;
}
a {color:#00f; text-decoration:none;}
a:hover{
	color:#F00;
} 



</style>
<script language="javascript" type="text/jscript">
	window.onload=function showTable(){
		var tname = document.getElementById("class_list");
		var li = tname.getElementsByTagName("tr");
		for(var i = 1; i <= li.length; i ++ ){
			if(i % 2 == 0){
				li[i].style.background = "#D3D3A9";
				li[i].onmouseout=function(){
					this.style.background = "#D3D3A9";
				}
			}else {
				li[i].style.background="#EFEFDE";
				
				li[i].onmouseout=function(){
					this.style.background = "#EFEFDE";
				}
			}
			li[i].onmouseover=function(){
									this.style.background="#7CCD7C";
								}
		}
	}
function a(){
	alert();
}
</script>
</head>

<body>
<br />
<hr>
<form action="" method="post">
  <div class="inquery_div">
  <label for="select2">选择查询方式：</label>
  <select name="select" id="select2">
    <option>课程编号</option>
    <option>课程名称</option>
    <option>讲师工号</option>
    <option>讲师姓名</option>
  </select>
  <input class="input_s" type="text" name="textfield" id="textfield" />
  <input type="submit" name="button5" id="button5" value=" 查 询 " /></div>
</form>
<hr>
<br />
<table width="900" id="class_list" >
  <tr class="title" >
    <td>课程编号</td>
    <td>课程名称</td>
    <td>课程类型</td>
    <td>讲师</td>
    <td>报名点数</td>
    <td>开设日期</td>
    <td>课程地点</td>
    <td>课程状态</td>
    <td>查看</td>
    <td>操作</td>
  </tr>
  <tr onmouseover="this.className='mover'" onmouseout="this.className=''">
    <td >CMC201100100</td>
    <td>java</td>
    <td>编程</td>
    <td>张三</td>
    <td>10</td>
    <td>2011-08-03</td>
    <td>6f</td>
    <td>已开启</td>
    <td><a href="#">查看</a></td>
    <td>
      <input type="button" name="button" id="button" value="关闭" />
  </td>
  </tr>
  <tr onmouseover="this.className='mover'" onmouseout="this.className='even_td'">
    <td>CMC201100100</td>
    <td>java</td>
    <td>编程</td>
    <td>张三</td>
    <td>10</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>未开启</td>
    <td><a href="#">查看</a></td>
    <td><input type="button" name="button2" id="button2" value="开启" /></td>
  </tr>
  <tr onmouseover="this.className='mover'" onmouseout="this.className=''">
    <td >CMC201200100</td>
    <td>C++</td>
    <td>编程</td>
    <td>李四</td>
    <td>15</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>未开启</td>
    <td><a href="#">查看</a></td>
    <td><input type="button" name="button3" id="button3" value="开启" /></td>
  </tr>
  <tr onmouseover="this.className='mover'" onmouseout="this.className='even_td'">
    <td >CMC201200100</td>
    <td>C</td>
    <td>编程</td>
    <td>马六</td>
    <td>10</td>
    <td>2011-08-01</td>
    <td>201</td>
    <td>已开启</td>
    <td><a href="#">查看</a></td>
    <td><input type="button" name="button4" id="button4" value="关闭" /></td>
  </tr>
</table>
</body>
</html>
